@forward "element-plus/theme-chalk/src/common/var.scss" with (
    $colors: (
        "primary": (
            "base": #4080ff,
        ),
        "success": (
            "base": #23c343,
        ),
        "warning": (
            "base": #ff9a2e,
        ),
        "danger": (
            "base": #f76560,
        ),
        "info": (
            "base": #a9aeb8,
        ),
    ),

    $bg-color: (
        "page": #f5f8fd,
    )
);

/** 全局SCSS变量 */

:root {
    --menu-background: "";
    --menu-text: #222222;
    --menu-active-text: #185dfe;
    --menu-hover: #e6effc;
    --sidebar-logo-background: "";

    // 修复表格 fixed 列被选中后由于透明色导致叠字的 bug
    .el-table {
        --el-table-current-row-bg-color: rgb(235 243 250);
    }
    // p {
    //     margin: 0;
    // }
}

/** 暗黑主题 */
html.dark {
    --menu-background: "";
    --menu-text: #fff;
    --menu-active-text: #185dfe;
    --menu-hover: rgb(0 0 0 / 20%);
    --sidebar-logo-background: rgb(0 0 0 / 20%);
}

$menu-background: ""; // 菜单背景色
$menu-text: var(--menu-text); // 菜单文字颜色
$menu-active-text: var(--menu-active-text); // 菜单激活文字颜色
$menu-hover: var(--menu-hover); // 菜单悬停背景色
$sidebar-logo-background: var(--sidebar-logo-background); // 侧边栏 Logo 背景色

$sidebar-width: 246px; // 侧边栏宽度
$sidebar-width-collapsed: 54px; // 侧边栏收缩宽度
$navbar-bg: url("../assets//images/navbar_bg.png"); //导航栏背景
$navbar-height: 57px; // 导航栏高度
$tags-view-height: 84px; // TagsView 高度
